﻿@charset "utf-8";
/* CSS Document */
* {	padding: 0px;	margin: 0px;}
body, div, td, th, form, img, ul, li, dl, dt, dd, p, h1, h2, h3, h4, { font-family:"微软雅黑";font-size:12px;margin:0px;padding:0px;list-style-type:none;}
body{ width:100%; padding:0; margin:0; background:#ffffff;}
span, p {	margin: 0px;padding: 0px;}
img {border: 0;}
h1, h2, h3, h4, h5, h6, h7, h8, h9 {font-size: 12px;font-weight: normal;font-style: normal;	margin: 0px;padding: 0px;}
ul, li, ol{list-style-type:none;margin:0px;padding:0px;}
i {	font-style: normal;	font-weight: normal;}
b {font-style: normal;	font-weight: normal;}
img {border: 0 none;vertical-align: top;}
input, select {	vertical-align: middle;}	
.clear {	clear: both;}
.clear:after {content: ".";height: 0;display: block;clear: both;	visibility: hidden;	font-size: 0;}
a {text-decoration: none; font-family:"微软雅黑";}
.h a:hover,.p a:hover p,.l li:hover{-moz-transition: all 0.2s linear ; -webkit-transition: all 0.2s linear ; -o-transition: all 0.2s linear ;    transition: all 0.2s linear ; }
 .h a:hover,.p a:hover p,.l li:hover, ul li:hover a{ -moz-transition: all 0.2s linear ;-webkit-transition: all 0.2s linear ;    -o-transition: all 0.2s linear ;    transition: all 0.2s linear ; }
 
/*logo*/
.logo{background-image:url(../images/background.jpg);}
.logo-box{width:1200px; margin:0 auto;}
.logo-box img{margin-top:36px; margin-bottom:27px; float:left;}
.logo-box form{float:right; margin-top:36px; position:relative;}
.search{padding-left:10px; border:none; background-color:white; width:214px; height:32px; font-size:12px;color:#acacac; line-height:32px;float:left; outline:none;}
.search1{ border:none; background:url(../images/search.png); background-repeat:no-repeat;position:absolute; top:8px; right:10px;width:19px;height:19px;cursor:pointer; float:left; outline:none;}
.nav{background-color:#dd3636; width:100%; height:44px; position:relative; z-index:5;}
.nav-box{width:1200px; margin:0px auto; z-index:5;}
.nav-ul>li{float:left;width:150px;text-align:center;background-image:url(../images/line1.png);background-repeat:no-repeat; background-position:143px 15px; position:relative;}
.nav-ul>li:hover ul{display:block;}
.nav-ul a{color:white; font-size:16px; line-height:44px;}
.nav-ul ul{width:152px; border:1px solid #dce5f0; border-bottom:none; background-color:white; position:absolute; display:none; z-index:2; top:44px; left:-8px;}
.nav-ul ul li{width:152px; border-bottom:1px solid #dce5f0; clear:both;}
.nav-ul ul a{line-height:34px; font-size:14px; color:#333333;}
/*banner*/
.banner{ height:520px; width:100%;}
.flexslider{position:relative;height:520px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:520px;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{ display:inline-block;height:14px; margin-left:5px; margin-right:5px;*display:inline;zoom:1;}
.flex-control-nav a{border-radius:50%;display:inline-block;width:15px;height:13px;line-height:120px;overflow:hidden;background:url(../images/dot01.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.slides li a{ width:100%; height:520px; display:block;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:70px;height:100px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/left.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/right.png) center center no-repeat;}
/*product*/
ol,ul,li{list-style: none;}:focus {outline: 0;}
.product{background-color:#f6f6f6; padding-top:50px; padding-bottom:50px;background-image:url(../images/shadow_03.png); background-repeat:repeat-x; background-position:0 537px;}
.main{ font-family:宋体; color:#666; width:1200px; margin:0 auto;}
.slider-scroll{overflow:hidden;height:441px;}  
#showArea{ width:910px; float:right; height:441px;border-right:none; background-color:#f1a512; padding-left:50px;}
#showArea img{ opacity:0; display:none;}
#scrollDiv{float:left;width:240px;background-image:url(../images/p-background.png);background-repeat:no-repeat; padding-top:94px; padding-bottom:48px;}  
#scrollDiv ul{margin-left:22px; margin-right:22px;}
#scrollDiv li{line-height:44px; border-bottom:1px dashed #f4e7b2; padding-left:24px; background-image:url(../images/p-arrow.png); background-repeat:no-repeat; background-position:0px 14px;} 
#scrollDiv li.on{ position:relative;}
#scrollDiv li a{color:#dd3636; font-size:16px;}
#scrollDiv li a:hover{color:#fc7e7e;}
#scrollDiv li span{display:block; color:#66ffff; font-size:14px; height:15px; line-height:15px; }
#scrollDiv li span.entity-triangle{ display:none; }
#scrollDiv li:first-child{}
#scrollDiv li.on span.entity-triangle{ position:absolute; top:10px; right:-22px; display:block; width:11px; height:19px; background:url(../images/hoverarrow.png) 0 0 no-repeat; z-index:99;}
/*case*/
.c2{width:1200px; margin:0 auto; padding-top:40px; padding-bottom:30px;}
.c2 .picture{width:117px; margin:0 auto; display:block;}
#wrapper {width: 1200px; margin-top:15px; margin-bottom:5px;position:relative;}
#carousel {position:relative; margin:0px auto;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;margin-top:22px;}
#carousel li {float:left; margin-right:30px;background-image:url(../images/shadow.png); background-repeat:no-repeat; background-position:0px 200px; width:270px; overflow:hidden; text-align:center;}
#carousel li img {width:277px; height:201px; overflow:hidden; margin-top:8px; margin-bottom:20px;}	
#carousel li:hover img{padding-bottom:8px; margin-top:0px;}
#carousel ul li h2{height:20px; overflow:hidden; margin-left:10px; margin-right:10px;}
#carousel ul li a{color:#333333; font-size:16px;line-height:20px; font-weight:normal;}
#carousel ul li:hover a{color:#de2127;}
.clearfix {float: none;clear: both;}
#carousel .prev  {left: 0px;top: 22px;display: block;overflow: hidden; float:left;			width: 50px;height: 177px;position: absolute;}
#carousel .next		{ right:0px; top:22px;display:block; overflow:hidden; float:right; width:50px; height:177px; position:absolute;}
#carousel .pager {text-align: center;margin: 28px auto;}
#carousel .pager a {background: transparent url(../images/carousel_control.png) no-repeat 0px -30px;text-decoration: none;text-indent: -999px;				display: inline-block;overflow: hidden;width: 12px;height: 12px;margin: 0 8px 0 0;}
#carousel .pager a.selected {background: transparent url(../images/carousel_control.png) no-repeat -21px -30px;text-decoration: underline;			}
#source {text-align: center;width: 100%;position: absolute;bottom: 10px;left: 0;}
#source, #source a {font-size: 12px;color: #999;}
#donate-spacer {height: 100%;}
#donate {border-top: 1px solid #999;width: 750px;padding: 50px 75px;margin: 0 auto;overflow: hidden;}

/*新闻*/
.news{background-color:#f6f6f6; padding-top:15px; padding-bottom:25px; background-image:url(../images/shadow_03.png); background-repeat:repeat-x; background-position:0px 0px;}
.news-box{width:1188px; margin:0 auto; background-color:white; margin-top:30px; padding-left:6px; padding-right:6px; padding-bottom:25px;}
.news-top{ width:1180px; margin:0 auto;}
.news-top h2{float:left}
.news-top h2 a{font-size:22px; color:#343434;line-height:54px; font-weight:normal;}
.news-top h2 span{ font-size:14px; color:#b0b0b0;}
.news-top h3{float:right;}
.news-top h3 a{font-size:14px; color:#dd3636;line-height:54px; font-weight:normal;}
.news-top h3:hover a{color:#1b74b9;}
.news-left{float:left; width:409px; position:relative; height:284px;}
.news-left img{width:409px; height:284px;overflow:hidden; display:block;}
.text{width:399px; height:44px; padding-left:10px; position:absolute; left:0px; bottom:0px; background-color:rgba(0,0,0,0.5);overflow:hidden;}
.text a{color:white; font-size:16px; line-height:44px;}
.news-middle{width:390px; margin-left:20px; float:left;}
.news-middle h1{ width:390px; overflow:hidden; height:24px;}
.news-middle h1 a{font-size:18px;color:#333333; font-weight:normal; line-height:24px;}
.news-middle h1:hover a{color:#dd3636;}
.news-middle h2{ width:390px; overflow:hidden; height:62px; margin-top:8px; font-size:12px;color:#888888; font-weight:normal; line-height:22px;}
.news-middle h4{ width:390px; margin-top:8px; overflow:hidden;}
.news-middle h4 span{ font-size:12px;color:#c7c7c7; float:left; font-weight:normal; padding-left:22px; background-image:url(../images/wicth.png); background-repeat:no-repeat; background-position:0px 3px;}
.news-middle h4 a{ font-size:13px;color:#dd3636; font-weight:normal; float:right; line-height:12px;}
.news-middle h4:hover a{color:#1b74b9;}
.news-middle ul{margin-top:15px;}
.news-middle li{ border-bottom:1px dashed #e3e3e3; height:29px; overflow:hidden; padding-left:10px; background-image:url(../images/news-arrow.png); background-repeat:no-repeat; background-position:0px 8px;}
.news-middle li a{ font-size:13px; color:#666666; float:left; line-height:29px; display:block; width:260px; overflow:hidden;}
.news-middle li:hover a{ color:#dd3636;}
.news-middle li span{ font-size:12px;color:#c7c7c7; float:right; line-height:28px;}
.news-right{width:340px; margin-left:21px; float:left;}
.news-right li{width:340px; overflow:hidden;background-image:url(../images/line2.png); background-repeat:no-repeat; background-position:0px 86px; padding-bottom:5px; margin-bottom:8px;}
.news-right li h2{ width:330px; overflow:hidden; height:20px;}
.news-right li h2 a{ color:#212121; font-weight:normal; font-size:14px;line-height:20px;}
.news-right li h2:hover a{color:#dd3636;}
.news-right li h3{overflow:hidden; height:36px; width:340px; margin-top:4px;color:#888888; font-size:12px; font-weight:normal; line-height:18px;}
.news-right li h3 img{position:relative;left:0px; top:3px; margin-right:5px;}
.news-right li h4{ margin-top:6px; overflow:hidden;}
.news-right li h4 a{ font-size:12px; color:#dd3636; font-weight:normal; float:right; line-height:18px;}
.news-right li h4:hover a{color:#1b74b9;}
.news-right li h4 span{ font-size:12px; font-weight:normal; color:#c3c3c3; float:left; padding-left:22px;background-image:url(../images/wicth.png); background-repeat:no-repeat; background-position:0px 3px; line-height:18px;}
/*关于我们*/
.about{width:1200px; margin:0 auto;background-color:white; margin-top:20px; padding-top:50px; text-align:center;position:relative; padding-bottom:66px;}
.about h1 a{color:#343434; font-weight:normal; font-size:25px;}
.about h1 a span{ font-size:12px; color:#b0b0b0;}
.about img{ display:block;}
.about-text{position:absolute; top:122px; left:162px;}
.about-text p{font-size:14px; color:white; line-height:50px;}
.about-text p:hover{color:#a7d9ff;}
.about h2{width:166px; height:36px; border:1px solid #c5c5c5; margin:0 auto; margin-top:50px;}
.about h2 a{ font-size:14px; color:#333333; font-weight:normal; line-height:36px;}
.about h2:hover{background-color:#1b74b9;}
.about h2:hover a{color:white;}
/*页尾*/
.footer{background-color:#626262;}
.footer-box{width:1200px;margin:0 auto; padding-bottom:20px;}
.footer-left{ float:left; margin-top:20px; height:auto; overflow:hidden;  width:700px;padiing-bottom:50px;}
.footer-left p{color:#aeaeae; font-size:12px; line-height:24px;}
.footer-left p a{color:#aeaeae; font-size:12px; line-height:24px;}
.footer-left p a:hover{ color:#dd3636;}
.footer-left p span{ float:left; margin-right:15px;}
.footer-right{float:right; margin-top:20px;}
.footer-box img{ margin-left:153px;}
.foot_img{margin-top:30px;}
.foot_top{ background:url(../images/line3.png) no-repeat bottom center; padding-bottom:20px;}

/*产品*/
.pro{width:1200px; margin:0 auto; margin-top:20px;}
.pro-top{width:1200px; overflow:hidden;}
.pro-top h2{float:left; height:40px; line-height:40px; width:238px;text-align:center;background-color:#dd3636;border:1px solid #e0e0e0; border-bottom:none; border-top:none;}
.pro-top h2 a{ color:white; font-size:16px; line-height:40px;}
.pro-top p{ float:right;color:#737373; font-size:12px;padding-bottom:15px;    
    border-bottom: 2px solid #DD3636;
    padding-bottom: 5px;
    margin-top: 16px;
	width:940px;}
.pro p span{ float:right; background-image:url(../images/shouye.png); background-repeat:no-repeat;    background-position: 76px 0px;
    padding-left: 100px;}
.pro p a{color:#737373; font-size:12px;}
.pro p a:hover{color:#dd3636;}
.pro-left{float:left;padding-bottom:22px;width:238px;margin-bottom:30px;border:1px solid #e0e0e0; border-top:none;}
.pro-ul{margin-bottom:50px;}
.pro-ul li{border-bottom:1px solid #e0e0e0; padding-left:30px;}
.pro-ul li:hover{background-image:url(../images/pro-arrow.png);background-repeat:no-repeat;background-position:200px 15px;}
.pro-hover{background-image:url(../images/pro-arrow.png);background-repeat:no-repeat;background-position:200px 15px;}
.pro-left .pro-hover a{color:#fc7e7e;}
.pro-ul li:hover a{color:#fc7e7e;}
.pro-ul a{ font-size:14px; color:#535353; line-height:44px;}
.pro-left span{width:238px;height:40px;text-align:center;color:white;font-size:15px;background-color:#dd3636;display:block; line-height:40px; margin:0 auto;}
.pro-left h2{ font-size:12px; color:#878787; font-weight:normal; text-align:center; margin-top:20px; background-image:url(../images/kefu_03.jpg); background-repeat:no-repeat;     background-position: 16px 0px;
    line-height: 20px;
    height: 80px;
    padding-left: 70px;
    padding-top: 25px;}
.pro-bottom{ margin-left:10px; margin-right:10px;}
.pro-bottom li{border-bottom:1px solid #e0e0e0; margin-left:10px; margin-right:10px; color:#707070; font-size:12px; line-height:36px; padding-left:30px;}

.pro-right{ width:936px; float:left; margin-top:20px; margin-left:20px; padding-left:2px; padding-right:2px;}
.main_tit{ font-size:13px; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.pro-right ul{width:894px; margin:0 auto;}
.pro-right ul li{border:1px solid #e5e5e5; margin-right:24px; margin-left:24px;width:248px; margin-bottom:40px; float:left;}
.pro-right ul li img{width:248px; overflow:hidden; border:none; height:180px;}
.pro-right ul li h2{text-align:center;overflow:hidden; width:248px;height:38px; background-color:#f3f3f3;}
.pro-right ul li:hover h2{ background:#DD3636;}
.pro-right ul li h2 a{ color:#DD3636; font-size:15px; font-weight:normal; line-height:38px;}
.pro-right ul li:hover h2 a{color:#ffffff;}
.pro-right ul li h3{margin-top:25px;width:220px;overflow:hidden;height:50px;margin-left:14px;margin-right:14px;}
.pro-right ul li h3 a{ color:#757575; font-weight:normal; font-size:12px; line-height:17px;}
.pro-right ul li h3:hover a{ color:#dd3636;}
.pro-right ul span{margin-left:30px;margin-right:30px;height:22px;width:188px;background-color:#cecece;text-align:center; display:block; margin-top:35px; border-radius:11px;}
.pro-right ul span a{color:white; font-size:12px; line-height:22px;}
.pro-right ul span:hover{background-color:#fc7e7e;}
/*分页样式*/
.tcdPageCode{padding:15px 20px;text-align: left;color: #ccc;text-align:center; margin:15px 0px;}
.tcdPageCode a{display: inline-block;color: #dd3636;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;border: 1px solid #dd3636;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #dd3636;	border: 1px solid #dd3636;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}

/*产品内容*/
.pro-content{width:940px;float:left; margin-top:50px; margin-left:20px;}
.pro-title h1{font-size:20px; color:#4d4d4d; width:940px; text-align:center; font-weight:normal; padding-bottom:10px;}
.pro-title h4{ margin-top:10px; text-align:right;background-image:url(../images/wicth.png); background-repeat:no-repeat; background-position:150px 2.5px; font-size:12px; font-weight:normal; color:#b2b2b2; overflow:hidden;    margin: 0 auto;    margin-top: 21px;        width: 800px;    padding-bottom: 15px;}
.pro-title h4 span{padding-left:24px; margin-right:50px; font-size:12px; font-weight:normal; color:#b2b2b2; background-image:url(../images/chayue.png); background-repeat:no-repeat; background-position:2px 2px; float:left;}
#ckepop span{ background-image:none;}
#ckepop{     float: right;    margin-left: 58px;}
.pro-text{width:866px; margin-bottom:50px; margin-top:25px; padding-left:15px; padding-right:15px; border-top:1px solid #ededed; padding-top:20px;    font-size: 15px;
    line-height: 33px;    color: #797878; margin:0px auto; margin-bottom:30px;}
.pro-text .show_img{width:500px;height:400px;margin:0 auto; overflow:hidden; margin:0px auto; margin-bottom:15px;}
.pro-text img{ max-width:600px; margin:10px auto;}
.pro-text .show_img img{ width:100%; height:100%;}
.content{width:940px;margin-left:20px;}
.content h3{ margin-left:15px; margin-top:10px; font-size:13px; font-weight:bold;}
.content h3 a{font-size:14px; color:#3e3e3e; font-weight:normal;}
.content h3:hover a{ color:#dd3636;}

/*新闻列表*/
.news-list{width:940px;margin-left:20px;margin-top:21px; float:left;}
.news-list li{padding-right:10px; margin-top:30px; border-bottom:1px dashed #ededed; padding-bottom:20px;}
.news-a{display:block; width:200px; height:150px;overflow:hidden;float:left; }
.news-list img{width:100%; height:100%;}
.news-content{float:left; width:700px; margin-left:30px;}
.news-content h2{height:26px; overflow:hidden; width:670px;}
.news-content h2 a{line-height:26px;font-size:18px;color:#333333; font-weight:normal;}
.news-content h2:hover a{color:#e1373c}
.news-content h3{margin-top:6px;height:72px;overflow:hidden; width:700px;font-size:14px;color:#737373;line-height:26px;font-weight:normal;}
.news-content h3:hover a{color:#e1373c}
.news-content h4{ margin-top:30px; overflow:hidden;}
.news-content span{font-size:12px;color:#acacac; float:left; font-weight:normal; background-image:url(../images/wicth.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:17px;}
.news-content h4 a{color:#666666; font-size:12px;float:right;font-weight:normal;}
.news-content h4:hover a{color:#de2127;}

/*liuyan*/
.liuyan{width:940px; margin-top:50px; float:left; margin-left:20px;}
/*.liuyan img{width:940px; height:120px; overflow:hidden;margin-bottom:50px;}*/
.liuyan ul{ margin:0 auto;}
.liuyan ul li{ width:525px; margin:0 auto; margin-bottom:6px; overflow:hidden;}
.liuyan ul li span{font-size:14px; margin-right:20px; width:70px; text-align:right; display:block; float:left; line-height:25px; color:#696969;}
.liuyan ul li .Validform_wrong{     width: auto;    font-size: 12px;   margin-top: 7px;    background-position: -20px -36px;    margin-left: 7px;}
.send{    float: left;   height: 34px;    width: 100px;}
.liuyan ul input{outline:none; background-color:inherit; border:none; border:1px solid #E2DFDF; padding-left:5px; width:212px; height:30px; float:left; font-size:12px; border-radius:2px;}
.liuyan ul textarea{width:285px; height:80px;border:none;border:1px solid #E2DFDF; outline:none; border-radius:2px; float:left}
.liuyan li form{ height:44px; width:318px; float:right;}
.liuyan li form input{ width:140px; height:36px; float:left; margin:6px; line-height:36px; text-align:center; font-size:16px;}
.liuyan li form input:first-child{ background-color:#dd3636;color:white; border:none;}
.liuyan li form input:last-child{ background-color:#f0f0f0;color:#4E4E4E; border:none;}
.liuyan li form input:first-child:hover{ background-color:#d02828;color:white;}
.liuyan li form input:last-child:hover{ background-color:#D4D4D4;}
.liuyan li form input{ color:black;}
.liuyan .tijiao{    width: 204px;
    height: 36px;
    margin-top: 39px;
    line-height: 36px;
    font-size: 16px;
    background-color: #dd3636;
    color: white;
    border: none;
    margin-left: 140px;
	cursor:pointer;}
.liuyan .tijiao:hover{ background-color:#d02828;color:white;}
